import { Component } from 'react'
import './App.css'
import Group from './components/Group.js'

export default class App extends Component{
  state = {
    list:[
      {title:"家人",isShowSubLit:false,subList:["妈妈","爸爸"]},
      {title:"朋友",isShowSubLit:false,subList:["张三","李四"]},
      {title:"客户",isShowSubLit:false,subList:["王五","赵六"]},
    ]
  }
  render() {
    const { list } = this.state;
    return <div className="container">
      {list.map((item, index) => {
        return <Group key={index} info={ item}/>;
      })}
    </div>;
  }
}